<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">

<head>
    <th:block th:include="include :: header('工地详情')"/>
    <link th:href="@{/css/mui.min.css}" rel="stylesheet"/>
    <link th:href="@{/css/imageview.css}" rel="stylesheet"/>
    <link th:href="@{/css/mui.imageviewer.css}" rel="stylesheet"/>
    <style>
        .title {
            font-size: 20px;
            font-family: Hack;
            color: #000;
            font-weight: bold;
        }

        .title_top {
            margin-top: 10px;
            line-height: 40px;
        }

        .cardtable {
            width: 100%;
            table-layout: fixed;
            margin: 5px 0;
            border: none;
            font-size: 16px;
            margin-top: 35px;
        }

        .cardtable td:nth-child(odd) {
            width: 140px;
            text-align: left;
        }

        .cardtable td:nth-child(even) {
            height: 55px;
            text-align: right;
        }

        .line {
            width: 100;
            height: 1px;
            background: #e0e0e0;
        }

        .button_div {
            margin-top: 30px;
            width: 100%;
        }
    </style>
</head>
<body class="white-bg" style="position: relative;">
<div class="wrapper fadeInRight ibox-content" style="text-align: center;overflow: hidden">
    <header class="mui-bar mui-bar-nav">
        <div style="width: 120%;height: 6px;background: #29487D;margin-left: -20px"></div>
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: #29487D;"></a>
        <h1 class="mui-title" id="projectName"></h1>
    </header>
    <div style="width: 120%;height: 6px;background: #29487D;margin-top: 30px;margin-left: -20px"></div>
    <table class="cardtable" th:object="${sysProject}">
        <tr>
            <td>项目名称</td>
            <td th:text="*{projectName}"></td>
        </tr>
        <tr>
            <td>项目地址</td>
            <td th:text="*{address}"></td>
        </tr>
        <tr>
            <td>建设单位名称</td>
            <td th:text="*{projectOwner}"></td>
        </tr>
        <tr>
            <td>施工单位名称</td>
            <td th:text="*{projectContractor}"></td>
        </tr>
        <tr>
            <td>执法队员</td>
            <td th:text="*{zfMan}"></td>
        </tr>
        <tr>
            <td>执法队投诉电话</td>
            <td th:text="*{complaintsHotline}"></td>
        </tr>
    </table>
    </table>
    <div class="line"></div>
    <div class="button_div">
        <button id="projectFile" type="button" class="mui-btn mui-btn-block" style="background: #29487D;color: #e0e0e0">
            查看详情
        </button>
    </div>
    <div style="width: 120%;height: 8px;background: #29487D;left: -20px; bottom: 15px; position: absolute"></div>
</div>
<th:block th:include="include :: footer"/>
<script th:src="@{/js/mui.min.js}"></script>
<script th:src="@{/js/mui.zoom.js}"></script>
<script th:src="@{/js/mui.imageViewer.js}"></script>
<script th:src="@{/js/mui.previewimage.js}"></script>

<script type="text/javascript">
    mui.previewImage();
</script>

<script th:inline="javascript">
    var prefix = ctx + "process/project/scanCode";
    var sysProject = [[${sysProject}]];

    $(function () {
        $("#projectName").html(sysProject.projectName);

        $("#projectFile").on("click", function () {
            var url = prefix + '/projectFile/' + sysProject.projectId;
            window.open(url, "_self");
        });
    });
</script>

</body>
</html>